# 使用 Node.js 镜像构建 Vue 应用
FROM node:16-alpine

# 安装 OpenSSH 客户端和其他需要的依赖
RUN apk add --no-cache openssh-client

# 设置工作目录
WORKDIR /app

# 复制项目文件到工作目录
COPY . .

# 安装依赖
RUN yarn install

# 构建应用
RUN yarn build:prod

# 安装 Nginx
RUN apk add --no-cache nginx

# 确保 Nginx 的 HTML 目录存在
RUN mkdir -p /usr/share/nginx/html

# 复制构建好的文件到 Nginx 目录
RUN cp -r dist/* /usr/share/nginx/html/

# 复制 Nginx 配置文件
COPY nginx.conf /etc/nginx/nginx.conf

# 暴露容器的 80 端口
EXPOSE 80

# 启动nginx
CMD ["nginx", "-g", "daemon off;"]